网站左下角 小蛇

共计 1284 个字符，预计需要花费 4 分钟才能阅读完成。

复制粘贴

更换图片链接

放到底部就行了

<div class="dandelion"></div>
<style type="text/css">
@media screen and (max-width:600px){<br />.dandelion{display: none !important;}<br />}<br /> .dandelion .smalldan {<br />width: 36px;<br />height: 60px;<br />left: 88px;<br />background-position: 0 -90px;<br />border: 0px solid red;<br />}<br />.dandelion span {<br />-webkit-animation: ball-x 3s linear 2s infinite;<br /> -moz-animation: ball-x 3s linear 2s infinite;<br /> animation: ball-x 3s linear 2s infinite;<br />-webkit-transform-origin: bottom center;<br /> -moz-transform-origin: bottom center;<br /> transform-origin: bottom center;<br />}<br />.dandelion span {<br />display: block;<br />position: fixed;<br />z-index:9999999999;<br />bottom: 0px;<br />background-image: url(图片链接);<br />background-repeat: no-repeat;<br />_background: none;<br />}<br />.dandelion .bigdan {<br />  width: 240px;<br />  height: 240px;<br />  left: 41px;<br />  background-position: center center;<br />  background-size: 100% 100%; /* 确保背景图片完全覆盖容器 */<br />  border: 0px solid red;<br />}<br />@keyframes ball-x {<br /> 0% { transform:rotate(0deg);}<br /> 25% { transform:rotate(5deg); }<br /> 50% { transform:rotate(0deg);}<br /> 75% { transform:rotate(-5deg);}<br /> 100% { transform:rotate(0deg);}<br />}<br />@-webkit-keyframes ball-x {<br /> 0% { -webkit-transform:rotate(0deg);}<br /> 25% { -webkit-transform:rotate(5deg); }<br /> 50% { -webkit-transform:rotate(0deg);}<br /> 75% { -webkit-transform:rotate(-5deg);}<br /> 100% { -webkit-transform:rotate(0deg);}<br />}<br />@-moz-keyframes ball-x {<br /> 0% { -moz-transform:rotate(0deg);}<br /> 25% { -moz-transform:rotate(5deg); }<br /> 50% { -moz-transform:rotate(0deg);}<br /> 75% { -moz-transform:rotate(-5deg);}<br /> 100% { -moz-transform:rotate(0deg);}<br />}<br /></style>